<html>
    <head>
        <meta charset="utf-8">
        <title>相册</title>
        <link rel="stylesheet" href="index.css">  

        <link rel="stylesheet" href="libs/fancybox/jquery.fancybox.css">

        <link rel="stylesheet" href="libs/fancybox/helpers/jquery.fancybox-buttons.css">

        <link rel="stylesheet" href="libs/fancybox/helpers/jquery.fancybox-thumbs.css">
    </head>
    <body>        
        <div id="xc">
            
            <div style="background-image:url(img/1.jpg)">
                <a href="img/1.jpg)" rel="photo">图片1</a>
            </div>
            <div style="background-image:url(img/2.jpg)">
                <a href="img/2.jpg" rel="photo">图片2</a>
            </div>
            <div style="background-image:url(img/3.jpg)">
                <a href="img/3.jpg" rel="photo">图片3</a>
            </div>
            <div style="background-image:url(img/4.jpg)">
                <a href="img/4.jpg" rel="photo">图片4</a>
            </div>
            <div style="background-image:url(img/5.jpg)">
                <a href="img/5.jpg" rel="photo">图片5</a>

            </div>
            <div style="background-image:url(img/6.jpg)">
                <a href="img/6.jpg" rel="photo">图片6</a>
            </div>
            <div style="background-image:url(img/7.jpg)">
                <a href="img/7.jpg" rel="photo">图片7</a>
            </div>
            <div style="background-image:url(img/8.jpg)">
                <a href="img/8.jpg" rel="photo">图片8</a>
            </div>
            <div style="background-image:url(img/9.jpg)">
                <a href="img/9.jpg" rel="photo">图片9</a>
            </div>
            <div style="background-image:url(img/10.jpg)">
                <a href="img/10.jpg" rel="photo">图片10</a>
            </div>
            <div style="background-image:url(img/11.jpg)">
                <a href="img/11.jpg" rel="photo">图片11</a>
            </div>
            <div style="background-image:url(img/12.jpg)">
                <a href="img/12.jpg" rel="photo">图片12</a>

            </div>

        </div>
    </body>
    <script src="libs/jquery.js"></script>

    <script src="libs/fancybox/jquery.fancybox.js"></script>

    <script src="libs/fancybox/helpers/jquery.fancybox-buttons.js"></script>

    <script src="libs/fancybox/helpers/jquery.fancybox-thumbs.js"></script>

    <script src="index.js"></script>

</html>